<template>
	<view class="wrap">
		<ss-select-city
		  v-model="value"
		  :hot-citys="hotCitys"
		  @on-select="City"
		/>
	</view>
</template>

<script>
	import ssSelectCity from '@/components/ss-select-city/index.vue'
	export default {
		components: {
		    ssSelectCity
		  },
		data() {
			return {
				hotCitys: [
				  '杭州',
				  '天津',
				  '北京',
				  '上海',
				  '深圳',
				  '广州',
				  '成都',
				  '重庆',
				  '厦门'
				],
				value: '杭州'
			};
		},
		methods:{
			City(city) {
			    uni.navigateTo({
			    	url:"petrol?city="+city
			    })
			 },
		}
	}
</script>

<style lang="scss">

</style>
